<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>legou</title>
    <link rel="stylesheet" href="../css/normaliza.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/index.css">

    <link rel="stylesheet" href="../css/slider.css">
    <script src="../lib/jquery.min.js"></script>
    <script src="../lib/jquery.slidebox.js"></script>
    <script src="../js/index.js"></script>
</head>

<body>
    <!-- 页头 -->
    <div class="header">

        <div class="container-fluid bgc000">
            <div class="container colorfff clearfix head-top">
                <h1><a href="#"><img class="head-logo" src="../imgs/LOGO_02.jpg" alt=""></a></h1>
                <p class="fl ti50">legochina.cn</p>
                <p class="fr">欢迎光临<a href="#">乐购</a>，请<a href="#">登陆\注册</a> </p>

            </div>

        </div>

        <div class="container clearfix pt10pd15">

            <p class=" fr head-shopbox">
                <span class="head-car">购物车 3</span>
                <span>我的订单</span>
            </p>


            <form class=" fr head-search" action="#">
                <input class="head-text fl" type="text" placeholder="创意文具">
                <input class="head-btn fl" type="submit" value="">
            </form>
        </div>

        <div class="container clearfix">
            <ul class=" head-nav">
                <li><a href="#">图书</a></li>
                <li><a href="#">电子书</a></li>
                <li><a href="#">原创文学</a></li>
                <li><a href="#">服装</a></li>
                <li><a href="#">户外运动</a></li>
                <li><a href="#">孕婴童</a></li>
                <li><a href="#">家具</a></li>
                <li><a href="#">创意文具</a></li>
                <li><a href="#">地方特产</a></li>
                <li><a href="#">海外购</a></li>
                <li><a href="#">电器城</a></li>
            </ul>


        </div>


    </div>

    <!-- 菜单-广告图 -->
    <div class="smenu">
        <div class="container clearfix">
            <div class="menu fl ">
                <ul>
                    <script>
                        for (let i = 1; i <= 13; i++) {
                            document.write(`
                            
                            <li>
                        <p> <a href="#">图书、</a> <a href="#">电子书、</a> <a href="#">童书</a> </p>
                        <dl class=" menu-er ">
                            <span> <a href="#">图书馆>> </a> <a href="#">儿童书馆>> </a> <a href="#">电子书馆>>
                                </a> </span>
                            <dt>文艺</dt>
                            <dd> <a href="#">小说</a> <a href="#">文学</a> <a href="#">传记</a> <a href="#">青春</a> <a
                                    href="#">动漫</a> <a href="#">艺术</a> <a href="#">摄影</a> <a href="#">明星</a></dd>
                            <dt>文艺</dt>
                            <dd> <a href="#">小说</a> <a href="#">文学</a> <a href="#">传记</a> <a href="#">青春</a> <a
                                    href="#">动漫</a> <a href="#">艺术</a> <a href="#">摄影</a> <a href="#">明星</a></dd>
                            <dt>文艺</dt>
                            <dd> <a href="#">小说</a> <a href="#">文学</a> <a href="#">传记</a> <a href="#">青春</a> <a
                                    href="#">动漫</a> <a href="#">艺术</a> <a href="#">摄影</a> <a href="#">明星</a></dd>
                            <dt>文艺</dt>
                            <dd> <a href="#">小说</a> <a href="#">文学</a> <a href="#">传记</a> <a href="#">青春</a> <a
                                    href="#">动漫</a> <a href="#">艺术</a> <a href="#">摄影</a> <a href="#">明星</a></dd>
                            <dt>文艺</dt>
                            <dd> <a href="#">小说</a> <a href="#">文学</a> <a href="#">传记</a> <a href="#">青春</a> <a
                                    href="#">动漫</a> <a href="#">艺术</a> <a href="#">摄影</a> <a href="#">明星</a></dd>
                            <dt>文艺</dt>
                            <dd> <a href="#">小说</a> <a href="#">文学</a> <a href="#">传记</a> <a href="#">青春</a> <a
                                    href="#">动漫</a> <a href="#">艺术</a> <a href="#">摄影</a> <a href="#">明星</a></dd>
                            <dt>文艺</dt>
                            <dd> <a href="#">小说</a> <a href="#">文学</a> <a href="#">传记</a> <a href="#">青春</a> <a
                                    href="#">动漫</a> <a href="#">艺术</a> <a href="#">摄影</a> <a href="#">明星</a></dd>
                            <dt>文艺</dt>
                            <dd> <a href="#">小说</a> <a href="#">文学</a> <a href="#">传记</a> <a href="#">青春</a> <a
                                    href="#">动漫</a> <a href="#">艺术</a> <a href="#">摄影</a> <a href="#">明星</a></dd>
                           
                        </dl>
                    </li>
                            
                            `)
                        }
                    </script>





                </ul>
            </div>














            <div class="aside fl">

                <div class="pptbox fl" id="slider">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="../imgs/banner1.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../imgs/banner2.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../imgs/banner3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../imgs/banner4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../imgs/banner5.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
        </div>
    </div>

    <!-- 今日推荐 -->
    <div class="recommend container">

        <div class="comm-title ">
            <h2 class="c60 mt20 ti20">
                乐购·今日推荐
            </h2>
        </div>

        <ul class="re-list clearfix">
            <script>
                for (let i = 1; i <= 12; i++) {
                    document.write(`
                    
                    <li>
                    <img src="../imgs/index06_05.jpg" alt="">
                    <p class="tal"><img src="../imgs/index05_18.jpg" alt=""></p>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="colorred">全国联保 一年免费包换</p>
                    <p class="colorred fs24">￥:299</p>
                    </li>
                    `)
                }
            </script>
        </ul>
    </div>









    <!-- 图书电子书 -->
    <div class="book container clearfix">
        <div class="book-left fl">
            <div class="comm-title clearfix mt20">
                <h2 class=" fl">
                    图书 电子书
                </h2>
                <ul class="book-menu fr">
                    <li class="active">最新上架</li>
                    <li>独家畅销</li>
                    <li>电子书</li>
                </ul>

            </div>

            <div class="book-catgray fl">
                <img src="../imgs/index7_07.jpg" alt="">
                <p class="clearfix">
                    <a href="#">妙啊~</a>
                    <a href="#">妙啊~</a>
                    <a href="#">妙啊~</a>
                    <a href="#">妙啊~</a>
                    <a href="#">妙啊~</a>
                    <a href="#">妙啊~</a>
                    <a href="#">妙啊~</a>
                    <a href="#">妙啊~</a>
                    <a href="#">妙啊~</a>
                    <a href="#">妙啊~</a>
                    <a href="#">妙啊~</a>
                    <a href="#">妙啊~</a>
                </p>
            </div>

            <div class="book-list fr">



                <ul class="book-dis on">
                    <li class="book-slide">
                        <div class="pptbox slide fl">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner1.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner5.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                    </li>

                    <script>
                        for (let i = 1; i <= 6; i++) {
                            document.write(`
                            <li li >
                        <p>奥运狂欢</p>
                        <p>十种电子书直降40￥</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p><span>￥49</span><span>￥79</span></p>
                    </li>
                            `)
                        }
                    </script>
                </ul>
                <ul class="book-dis">
                    <li class="book-slide">
                        <div class="pptbox slide fl">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner1.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner5.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                    </li>

                    <script>
                        for (let i = 1; i <= 6; i++) {
                            document.write(`
                            <li li >
                        <p>奥运狂欢</p>
                        <p>十种电子书直降40￥</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p><span>￥49</span><span>￥79</span></p>
                    </li>
                            `)
                        }
                    </script>
                </ul>
                <ul class="book-dis">
                    <li class="book-slide">
                        <div class="pptbox slide fl">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner1.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/banner5.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                    </li>

                    <script>
                        for (let i = 1; i <= 6; i++) {
                            document.write(`
                            <li li >
                        <p>奥运狂欢</p>
                        <p>十种电子书直降40￥</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p><span>￥49</span><span>￥79</span></p>
                    </li>
                            `)
                        }
                    </script>
                </ul>





            </div>
        </div>


        <div class="book-right fr">

        </div>




    </div>
























    <!-- 服装 -->
    <div class="cloth" style="height: 500px;"></div>

    <!-- 户外运动 -->
    <div class="sport"></div>

    <!-- 童装 -->
    <div class="child"></div>

    <!-- 家居日用 -->
    <div class="house"></div>

    <!-- 推广商品 -->
    <div class="goods"></div>

    <!-- 页尾 -->
    <div class="footer"></div>
</body>

</html>